/*! @import */
@tailwind base;
@tailwind components;
@tailwind utilities;

html,
body {
    overflow: hidden;
}

button:focus {
    outline: none;
}
.textAlignCenter {
    text-align: center;
}
.marginBottom10 {
    margin-bottom: 10px;
}
.marginTop20 {
    margin-top: 20px;
}
.margin10{margin: 10px;}
.width100Percent {
    width: 100%;
}
.width200 {
    width: 200px;
}
.width300 {
    width: 300px;
}
.width400 {
    width: 400px;
}
.margin20 {
    margin: 20px;
}
.marginLeft10 {
    margin-left: 10px;
}
.textAlignCenter {
    text-align: center;
}
.fz14{
    font-size: 14px;
}
.fz16{font-size: 16px;}
.fz20{font-size: 20px;}
.marginRight10{margin-right: 10px;}
.paddingLeftRight40{padding: 0 40px;}
@responsive {
    .transition-width {
        transition-property: width;
    }

    .flex-center {
        justify-content: center;
        align-items: center;
    }

    .min-height-10 {
        min-height: 2.5rem;
    }

    .min-width-32 {
        min-width: 8rem;
    }
}
